const app = getApp()

let listData = [
	{
		dragId: "item0",
		title: "这个绝望的世界没有存在的价值，所剩的只有痛楚",
		description: "思念、愿望什么的都是一场空，被这种虚幻的东西绊住脚，什么都做不到",
		images: "/assets/image/swipe/1.png",
		fixed: false
	},
	{
		dragId: "item1",
		title: "我早已闭上了双眼，我的目的，只有在黑暗中才能实现",
		description: "有太多的羁绊只会让自己迷惘，强烈的想法和珍惜的思念，只会让自己变弱",
		images: "/assets/image/swipe/2.png",
		fixed: false
	},
	{
		dragId: "item2",
		title: "感受痛苦吧，体验痛苦吧，接受痛苦吧，了解痛苦吧。不知道痛苦的人是不会知道什么是和平",
		description: "但我已经在无限存在的痛苦之中，有了超越凡人的成长。从凡人化为神",
		images: "/assets/image/swipe/3.png",
		fixed: true
	},
	{
		dragId: "item3",
		title: "我决定了 从今天起 我要选择一条不会让自己后悔的路 我要创造出属于自己的忍道 ",
		description: "我才不要在这种时候放弃,即使当不成中忍,我也会通过其他的途径成为火影的,这就是我的忍道",
		images: "/assets/image/swipe/4.png",
		fixed: true
	},
	{
		dragId: "item4",
		title: "为什么你会这么弱？就是因为你对我的仇恨...还不够深...",
		description: "你没有杀的价值...愚蠢的弟弟啊...想要杀死我的话...仇恨吧！憎恨吧！然后丑陋地活下去吧！逃吧 逃吧...然后苟且偷生下去吧！",
		images: "/assets/image/swipe/5.png",
		fixed: false
	},
	{
		dragId: "item5",
		title: "对于忍者而言怎样活着无所谓，怎样死去才是最重要的...",
		description: "所谓的忍者就是忍人所不能忍，忍受不了饿肚子，而沦落为盗贼的人，根本不能称之为忍者",
		images: "/assets/image/swipe/6.png",
		fixed: false
	},
	{
		dragId: "item6",
		title: "在这世上，有光的地方就必定有黑暗，所谓的胜者，也就是相对败者而言",
		description: "若以一己之思念要维持和平，必会招致战争，为了守护爱，变回孕育出恨。此间因果，是无法斩断的。现实就是如此",
		images: "/assets/image/swipe/7.png",
		fixed: false
	},
	{
		dragId: "item7",
		title: "世界上...只有没有实力的人,才整天希望别人赞赏...",
		description: "很不巧的是我只有一个人，你说的那些家伙们已经一个都没有了，已经??全部被杀死了",
		images: "/assets/image/swipe/8.png",
		fixed: false
	},
	{
		dragId: "item8",
		title: "千代婆婆，父亲大人和母亲大人回来了吗？？？",
		description: "明明剩下的只有痛苦了，既然你这么想活命，我就方你一条生路好了。不过，你中的毒不出三日就会要了你的命",
		images: "/assets/image/swipe/9.png",
		fixed: false
	},
	{
		dragId: "item9",
		title: "艺术就是爆炸！！~~ 嗯 ~~ 芸术は爆発します！",
		description: "我的艺术就是爆炸那一瞬，和蝎那种让人吃惊的人偶喜剧从根本上就是不同的！",
		images: "/assets/image/swipe/10.png",
		fixed: false
	}
];

Page({
	data: {
		isIphoneX: app.globalData.isIphoneX,
		size: 4,
		listData: [],
		extraNodes: [
			{
				type: "destBefore",
				dragId: "destBefore0",
				destKey: 0,
				slot: "before",
				fixed: true
			},
			{
				type: "destAfter",
				dragId: "destAfter0",
				destKey: 0,
				slot: "after",
				fixed: true
			},
			{
				type: "after",
				dragId: "plus",
				slot: "plus",
				fixed: true
			}
		],
		pageMetaScrollTop: 0,
		scrollTop: 0
	},
	sortEnd(e) {
		console.log("sortEnd", e.detail.listData)
		this.setData({
			listData: e.detail.listData
		});
	},
	change(e) {
		console.log("change", e.detail.listData)
	},
	sizeChange(e) {
		wx.pageScrollTo({scrollTop: 0})
		this.setData({
			size: e.detail.value
		});
		this.drag.columnChange();
	},
	itemClick(e) {
		console.log(e);
	},
	toggleFixed(e) {
		let key = e.currentTarget.dataset.key;

		let {listData} = this.data;

		listData[key].fixed = !listData[key].fixed

		this.setData({
			listData: listData
		});
	},
	add(e) {
		let listData = this.data.listData;
		listData.push({
			dragId: `item${listData.length}`,
			title: "这个绝望的世界没有存在的价值，所剩的只有痛楚",
			description: "思念、愿望什么的都是一场空，被这种虚幻的东西绊住脚，什么都做不到",
			images: "/assets/image/swipe/1.png",
			fixed: false
		});
		setTimeout(() => {
			this.setData({
				listData
			});
			this.drag.init();
		}, 300)

	},
	scroll(e) {
		this.setData({
			pageMetaScrollTop: e.detail.scrollTop
		})
	},
	// 页面滚动
	onPageScroll(e) {
		this.setData({
			scrollTop: e.scrollTop
		});
	},
	onLoad() {
		this.drag = this.selectComponent('#drag');
		// 模仿异步加载数据
		setTimeout(() => {
			this.setData({
				listData: listData
			});
			this.drag.init();
		}, 100)
	}
})
